<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="description" content="" />
		<meta http-equiv="keywords" content="" />
		<title>注册</title>
		<link rel="shortcut icon" href="images/bitbug_favicon.ico">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<link type="text/css" href="css/reset.css" rel="stylesheet" />
		<link type="text/css" href="css/index.css" rel="stylesheet" />
		<link type="text/css" href="css/style.css" rel="stylesheet" />
		<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/awesome-bootstrap-checkbox.css" />
		<link type="text/css" href="js/layer/theme/default/layer.css" rel="stylesheet" />
		<script src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/include.js"></script>
		<script type="text/javascript" src="js/core.js"></script>
		<script type="text/javascript" src="js/register.js"></script>
		<script>
			$(function() {
				//头部
				//clientSideInclude('configHead', 'header.html');
				//尾部
				clientSideInclude('configFoot', 'footer.html');
				//logo
				//clientSideInclude('logo', 'logo.html');
			});
		</script>
		<style type="text/css">
			a:link {
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: none;
			}
			
			a:active {
				text-decoration: none;
			}
			
		</style>
	</head>

	<body>
		<!--logo-->
		<div class="w_header clearfix denglu_title">
			<div class="main">
				<div class="w_logo fl">
					<a href="index.html"><img src="images/logo2.png" width="380" height="54" /></a>
				</div>
				<div class="zhuce_right">已有账号
					<a href="1.0.0denglu.html">请登录</a>
				</div>
			</div>
		</div>

		<!--内容-->
		<form id="commentForm">
			<div class="zhuce">
				<h3>用户登录</h3>
				<ul class="zhuce_mima">
					<li>
						<input type="text" name="phone" id="phone" placeholder="请输入手机号码" required="required" />
					</li>
					<li class="clearfix">
						<input type="text" name="code" id="code" class="zhuce_mima_yanzheng fl" placeholder="请输入验证码" required="required" />
						<a href="javascript:getCode();"><span class="msgs">获取验证码</span></a>
					</li>
					<li>
						<input type="password" name="password" id="password" placeholder="请输入密码" required="required" />
					</li>
					<li>
						<input type="password" name="repassword" id="repassword" placeholder="请再次输入密码" required="required" />
					</li>
					<li>
						<input type="text" name="userName" id="userName" placeholder="请输入昵称" required="required" />
					</li>

					<li>
						<!--<label class="goodsCheck">
	            	<input type="checkbox" class="shopCheck" id="shopCheck"/>
	          </label>-->
						<div class="checkbox checkbox-success checkbox-inline dingdan_xieyi  clearfix">
							<input type="checkbox" id="inlineCheckbox3" name="inlineCheckbox3" value="">
							<label for="inlineCheckbox3">  </label> 同意
							<a href="1.4.0xieyi.html">《服装基地服务协议》</a>
						</div>

					</li>
					<li>
						<input type="button" id="submit" name="submit1" onclick="subMsg();" value="立即注册" />
					</li>
				</ul>
			</div>
		</form>

		<!--底部-->
		<div id="configFoot"></div>

		<!--<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>-->
		<script type="text/javascript">
			//验证码
			$(function() {
				//获取短信验证码
				var validCode = true;
				$(".msgs").click(function() {
					var phone = $("#phone").val();
					if(phone != '') {

						var time = 60;
						var code = $(this);
						if(validCode) {
							validCode = false;
							code.addClass("msgs1");
							var t = setInterval(function() {
								time--;
								code.html(time + "秒");
								if(time == 0) {
									clearInterval(t);
									code.html("重新获取");
									validCode = true;
									code.removeClass("msgs1");

								}
							}, 1000)
						}
					}
				})
			})
			//input
			$(".shopCheck").click(function() {
				if($(this).prop('checked')) { //如果按钮被选中
					$(this).closest('label').addClass('on');
				} else {
					$(this).closest('label').removeClass('on');
				}
			});
		</script>
	</body>

</html>